<template>
    <div class="items">
        <Music_item v-for="(item) in list" :list="item"></Music_item>
    </div>
</template>

<script>
    import Music_item from "../../music/Music_item";
    export default {
        name: "check_m",
        data(){
            return{
                list:[]
            }
        },
        components:{
            Music_item
        },
        mounted() {
            this.$bus.$on('changeItem',res => {
                console.log(res.data);
                this.list.push(...res.data)
            })
        },
    }
</script>

<style scoped>
    .items{
        z-index: 9;
        display: flex;
        flex-wrap: wrap;
        /*flex-flo;*/
        justify-content: space-evenly;
        padding-top: 3%;
    }
</style>